/* 课程详情页css */
.img-swapper-item{
    width: 100%;
    height: 80vw;
    position: relative;
    .img-swapper{
        width: 100%;
        height: 100%;
    }
    .iconfont{
        color:white;
    }
    .icon-left{
        position: absolute;
        top: 16px;
        left: 5%;
        font-size: 20px;
    }
    .icon-play{
        position: absolute;
        top: 45%;
        left: 47%;
        font-size: 26px;
    }
}

.details{
    width: 90%;
    margin-left: 5%;
    padding-top: 20px;
    .line{
        border-bottom: 1px solid #8A8A8A;
    }
    .timer{
        line-height: 40px;
        justify-content: space-between;
        color: #8A8A8A;
        font-size: 14px;
        .calorie{
            font-size: 20px;
            color: black;
        }
        .icon-rarrow{
            font-size: 14px;
        }
    }
    .cur{
        line-height: 20px;
        margin-top: 10px;
        margin-bottom: 6px;
        color: #8A8A8A;
        font-size: 14px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
   .start{
       width: 100%;
       background-color: #4294FF;
       color: white;
       height: 55px;
       border-radius: 30px;
       margin-top: 50px;
       text-align: center;
       line-height: 55px;
   }

}